import { Component } from 'react';
import { Arrow,BalanceList,TodoList,Underway,GoodJob,Question,Service } from '@react-vant/icons';
import './index.less'
class Mine extends Component {
    render() {
        return (
            <div className='Mine'>
                <div className="bg">
                    <div className="userInfo">
                        <div className="usermsg">
                            <div className="user_img">
                                <img src='https://api.java.crmeb.net/crmebimage/public/maintain/2022/10/09/c458aeb218ab453685165afe30690ab0uxbo0z1zoz.png' alt="" />
                            </div>
                            <div className="user_info">
                                <div className="info_name">
                                哈哈哈哈  <span className="pt">普通会员</span>
                                </div>
                                <div>15518835995</div>
                            </div>
                        </div>
                        <div className="usercontent">
                            <div className="content_item">
                                <div className="one">0.00</div>
                                <div className="two">余额</div>
                            </div>
                            <div className="content_item">
                                <div className="one">0</div>
                                <div className="two">积分</div>
                            </div>
                            <div className="content_item">
                                <div className="one">0</div>
                                <div className="two">优惠券</div>
                            </div>
                            <div className="content_item">
                                <div className="one">0</div>
                                <div className="two">收藏</div>
                            </div>
                        </div>
                    </div>
                </div>
                <div className="order">
                    <div className="orderTitle">
                        订单中心 <span>查看全部 <Arrow  /></span>
                    </div>
                    <div className="orderList">
                        <div className="order_item">
                            <TodoList fontSize='30' color='#e93323'/>
                            <div className="ordername">待付款</div>
                        </div>
                        <div className="order_item">
                             <BalanceList  fontSize='30' color='#e93323'/>
                            <div className="ordername">代发货</div>
                        </div>
                        <div className="order_item">
                        <Underway fontSize='30' color='#e93323' />
                            <div className="ordername">待收货</div>
                        </div>
                        <div className="order_item">
                        <GoodJob fontSize='30' color='#e93323' />
                            <div className="ordername">待评价</div>
                        </div>
                        <div className="order_item">
                        <Question  fontSize='30' color='#e93323'/>
                            <div className="ordername">退货/售后</div>
                        </div>
                    </div>
                </div>
                <div className="order server">
                    <div className="orderTitle">
                        我的服务 
                    </div>
                    <div className="orderList">
                        <div className="order_item">
                            <Service fontSize='30' color='#e93323'/>
                            <div className="ordername">联系客服</div>
                        </div>
                    </div>
                </div>
            </div>
        )
    }
}
export default Mine